<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // 听写
        //     1 过滤数据，找到满足条件的数据  filter
        //     2 遍历数组的方法
        //       for    for in     for of     forEach不会提前结束
        //     3 替换   replace()
        //     4 盒子加内边距宽度  clientWidth
        //     5 盒子加边框和内边距的宽度   offsetWidth
        //     6 获取样式   getComputedStyle(ele).width  /
        //     7 事件对象:用来记录事件发生发过程  指的是事件处理函数的第一个参数或者event(IE)
        //     8 事件监听  addEventListener(type , cb , bool)
        //     9 事件冒泡:子元素的事件会触发父元素的同类型事件
        //     10事件委托：把子元素的同类型事件委托给父元素
        //          减少事件处理函数，可以给未来的对象添加事件绑定
        //          原理：基于事件冒泡

    </script>

</body>

</html>